<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:cc="http://java.sun.com/jsf/composite">

<cc:interface>
	<cc:attribute name="popupId" required="true"
		shortDescription="Identificador del componente flotante (popUp) de rich faces" />
	<cc:attribute name="image" required="false"
		default="/resources/images/icons/warning.png"
		shortDescription="Acceso a la imagen que se muestra en el popUp" />
	<cc:attribute name="cancelLabel" required="false" default="Cancelar"
		shortDescription="Etiqueta para el botón cancelar (opción de rechazo)" />
	<cc:attribute name="acceptLabel" required="false" default="Consultar"
		shortDescription="Etiqueta para el botón aceptar (opción de aceptación)" />
	<cc:attribute name="renderComponents" required="false"
		shortDescription="Componentes a refrescar tras la opción aceptar" />


</cc:interface>

<cc:implementation>

	<rich:popupPanel id="#{cc.attrs.popupId}" autosized="true" width="890"
		resizeable="false" styleClass="pop_up_eliminar" modal="true">

		<f:facet name="header">
	            ${msg['bienes.infoEspecifica.titularDerecho.persona.consultaPersonas']}
	        </f:facet>
		<h:form id="personaPopUpForm" prependId="false">
			<rich:panel>
				<rich:messages id="personaPopupMessages" globalOnly="true"
					styleClass="rf-msgs" errorClass="rf-msgs-err" />
				<h:panelGrid width="100%" columns="2"
					columnClasses="firstColumnPersona, ">
					<ui:remove>Nombre de Persona</ui:remove>
					<h:panelGrid>
						<h:outputLabel
							value="${msg['bienes.infoEspecifica.titularDerecho.persona.nombre']}"
							for="nombrePersonaConsulta" />
					</h:panelGrid>
					<h:panelGrid>
						<h:inputText id="nombrePersonaConsulta"
							value="#{personaManager.persona.nombre}"
							label="${msg['bienes.infoEspecifica.titularDerecho.persona.nombre']}"
							class="longer">
						</h:inputText>
						<h:message for="nombrePersonaConsulta"
							errorClass="validationErrorMessage" />
					</h:panelGrid>

				</h:panelGrid>

				<h:panelGrid columns="6" width="100%"
					columnClasses="firstColumnPersona, , , , , ">

					<ui:remove>Tipo Documento</ui:remove>
					<h:outputLabel value="${msg['bienes.fileUpload.tipoDocumento']}"
						for="tipoDocumento" styleClass="nowrap" />
					<h:selectOneMenu id="tipoDocumento"
						value="#{personaManager.persona.tipoDocumentodeidentidad.id}">
						<f:selectItems value="#{applicationBean.tiposIdentificacion}" />
						<f:ajax execute="@this"
							render="numeroDocumentoITContainer numeroDocumentoLabelContainer" />
					</h:selectOneMenu>

					<ui:remove>Número de documento</ui:remove>
					<h:panelGrid columns="2" id="numeroDocumentoLabelContainer">
						<h:outputLabel
							value="${msg['bienes.infoEspecifica.titularDerecho.persona.numerodocumento']}"
							for="numeroDocumento" class="shortCol nowrap" />
						<h:outputLabel value="*"
							rendered="#{personaManager.persona.tipoDocumentodeidentidad.id ne null}" />
					</h:panelGrid>
					<h:panelGrid id="numeroDocumentoITContainer">
						<h:inputText id="numeroDocumento"
							requiredMessage="${msg['general.requerido']}"
							required="#{personaManager.persona.tipoDocumentodeidentidad.id ne null}"
							value="#{personaManager.persona.numeroIdentificacion}" />
						<h:message for="numeroDocumento" showSummary="false"
							errorClass="validationErrorMessage" />
					</h:panelGrid>

					<ui:remove>Id Persona</ui:remove>
					<h:panelGrid>
						<h:outputLabel value="id persona" class="shortCol" />
					</h:panelGrid>
					<h:panelGrid>
						<h:inputText id="idPersonaConsulta"
							value="#{personaManager.persona.id}" label="id persona">
						</h:inputText>
						<h:message for="idPersonaConsulta"
							errorClass="validationErrorMessage" />
					</h:panelGrid>

				</h:panelGrid>
				<h:panelGroup layout="block" style="text-align:center;">
					<ui:remove>

				  Botones
				</ui:remove>
					<h:commandButton value="#{cc.attrs.acceptLabel}"
						action="#{personaManager.consultarListaPersonas}">
						<f:ajax render="personaPopUpForm personaPopupMessages"
							execute="@this nombrePersonaConsulta idPersonaConsulta numeroDocumento tipoDocumento" />
					</h:commandButton>

					<a4j:commandButton value="#{cc.attrs.cancelLabel}"
						action="#{personaManager.clearAll}" execute="@this"
						oncomplete="#{rich:component(cc.attrs.popupId)}.hide(event); return false;" />

				</h:panelGroup>

				<!-- RESULTS TABLE FOR QUERY FIELDS -->
				<br />
				<ui:include src="tablaConsulta.xhtml">
					<ui:param name="popupId" value="#{cc.attrs.popupId}" />
					<ui:param name="renderProperties"
						value="#{cc.attrs.renderComponents}" />
				</ui:include>
			</rich:panel>
		</h:form>

	</rich:popupPanel>
</cc:implementation>
</html>
